<div w-i18n-ns="app.ui" ng-class="{'no-transactions': !$ctrl.transactions.length}" class="w-transaction-list">
    <ul ng-if="!$ctrl.pending && $ctrl.transactions.length">
        <li class="transaction-item" ng-repeat="data in $ctrl.transactions track by data.date">
            <div class="date tag-2 info-400">{{ ::data.timestamp | date:'MMM, d, yyyy' }}</div>

            <div class="tx-block-wrapper">
                <div class="row" ng-repeat="transaction in data.transactions track by transaction.id">
                    <w-visible scroll-root-selector="{{::$ctrl.parentSelector}}">
                        <w-transaction date-pattern="{{::$ctrl.transactionDatePattern}}"
                                       transaction="transaction"></w-transaction>
                    </w-visible>
                </div>
            </div>

        </li>
    </ul>
    <w-empty-block ng-if="!$ctrl.pending && !$ctrl.transactions.length"></w-empty-block>
    <w-loader ng-if="$ctrl.pending"></w-loader>
</div>
